<script setup lang="ts">
import { ref, provide } from 'vue';
import { RouterView } from 'vue-router';
import Home from './components/Home.vue';
import Page from './components/Page.vue';

const login = ref(false);
provide('login', login);
</script>

<template>
  <div class="all">
    <div class="common-layout">
      <el-container>
        <!-- 导航区 -->
        <!-- <APPAside class="sideposition" /> -->
        <!-- <el-aside :width="asideWidth + 'px'"></el-aside> -->

        <!-- 展示区 -->
        <el-main class="content">
          <RouterView v-slot="{ Component }">
            <transition name="fade" mode="out-in">
              <component :is="Component" />
            </transition>
          </RouterView>
        </el-main>
      </el-container>
    </div>
  </div>
</template>

<style scoped>

</style>
